@import "../layout/theme/default-vars.scss";// 引入默认布局样式

@mixin merge-style(
  /* vertical模式下主体内容距离网页文档左侧的距离 */ $sideBarWidth
) {
  .sidebar-container{
    transition: width 0.28s;
    width: $sideBarWidth !important;
    background: $menuBg;
    height: 100%;
    position: fixed;
    font-size: 0;
    top: 0;
    bottom: 0;
    left: 0;
    z-index: 1001;
    overflow: hidden;
    box-shadow: 0 0 1px #888;
    .scrollbar-wrapper {
      overflow-x: hidden !important;
    }
    &.has-logo {
      .el-scrollbar {
        height: calc(100% - 50px);
      }
    }
    a {
      display: inline-block;
      display: flex;
      padding-left: 10px;
      flex-wrap: wrap;
      width: 100%;
    }
  }
}
body[layout="vertical"]{
  $sideBarWidth: 210px;
  @include merge-style($sideBarWidth);
  
}